<html>
<head>
	<meta charset="utf-8"></meta>
	<title></title>
	<link rel="stylesheet" type="text/css" href="../css/bootstrap.min.css" />
	<script type="text/javascript" src="../js/jquery-2.0.2.min.js"></script>
	<script type="text/javascript" src="../js/bootstrap.js"></script>
</head>
<body>
	<div class="container">
		<div class="container-fluid">

			<div class="logo row" style="height : 50px;">
				LOGO
			</div>
	

	
			<div class="content col-md-10">


				<div class="container-fluid">
					<div class="page-header">
	  					<h3>产品系列1 <small> 某某产品系列</small></h3>
					</div>
				    <div class="row">
				      <div class="col-xs-6 col-md-3">
				        <a href="#" class="thumbnail">
				          <img data-src="holder.js/100%x180" alt="100%x180" src="" style="height: 180px; width: 100%; display: block;">
				        </a>
				      </div>
				      <div class="col-xs-6 col-md-3">
				        <a href="#" class="thumbnail">
				          <img data-src="holder.js/100%x180" alt="100%x180" src="" style="height: 180px; width: 100%; display: block;">
				        </a>
				      </div>
				      <div class="col-xs-6 col-md-3">
				        <a href="#" class="thumbnail">
				          <img data-src="holder.js/100%x180" alt="100%x180" src="" style="height: 180px; width: 100%; display: block;">
				        </a>
				      </div>
				      <div class="col-xs-6 col-md-3">
				        <a href="#" class="thumbnail">
				          <img data-src="holder.js/100%x180" alt="100%x180" src="" style="height: 180px; width: 100%; display: block;">
				        </a>
				      </div>
				    </div>
				  </div>

				  			<div class="container-fluid">
					<div class="page-header">
	  					<h3>产品系列1 <small> 某某产品系列</small></h3>
					</div>
				    <div class="row">
				      <div class="col-xs-6 col-md-3">
				        <a href="#" class="thumbnail">
				          <img data-src="holder.js/100%x180" alt="100%x180" src="" style="height: 180px; width: 100%; display: block;">
				        </a>
				      </div>
				      <div class="col-xs-6 col-md-3">
				        <a href="#" class="thumbnail">
				          <img data-src="holder.js/100%x180" alt="100%x180" src="" style="height: 180px; width: 100%; display: block;">
				        </a>
				      </div>
				      <div class="col-xs-6 col-md-3">
				        <a href="#" class="thumbnail">
				          <img data-src="holder.js/100%x180" alt="100%x180" src="" style="height: 180px; width: 100%; display: block;">
				        </a>
				      </div>
				      <div class="col-xs-6 col-md-3">
				        <a href="#" class="thumbnail">
				          <img data-src="holder.js/100%x180" alt="100%x180" src="" style="height: 180px; width: 100%; display: block;">
				        </a>
				      </div>
				    </div>
				  </div>


				  			<div class="container-fluid">
					<div class="page-header">
	  					<h3>产品系列1 <small> 某某产品系列</small></h3>
					</div>
				    <div class="row">
				      <div class="col-xs-6 col-md-3">
				        <a href="#" class="thumbnail">
				          <img data-src="holder.js/100%x180" alt="100%x180" src="" style="height: 180px; width: 100%; display: block;">
				        </a>
				      </div>
				      <div class="col-xs-6 col-md-3">
				        <a href="#" class="thumbnail">
				          <img data-src="holder.js/100%x180" alt="100%x180" src="" style="height: 180px; width: 100%; display: block;">
				        </a>
				      </div>
				      <div class="col-xs-6 col-md-3">
				        <a href="#" class="thumbnail">
				          <img data-src="holder.js/100%x180" alt="100%x180" src="" style="height: 180px; width: 100%; display: block;">
				        </a>
				      </div>
				      <div class="col-xs-6 col-md-3">
				        <a href="#" class="thumbnail">
				          <img data-src="holder.js/100%x180" alt="100%x180" src="" style="height: 180px; width: 100%; display: block;">
				        </a>
				      </div>
				    </div>
				  </div>


				  				<div class="container-fluid">

					<div class="page-header">
	  					<h3>Example page header <small>Subtext for header</small></h3>
					</div>
					<div class="row">
					  <div class="col-sm-6 col-md-4">
					    <div class="thumbnail">
					     <img data-src="holder.js/300x200" alt="300x200" src="" style="width: 300px; height: 200px;">
					      <div class="caption">
					        <h3>Thumbnail label</h3>
					        <p>...</p>
			
					      </div>
					    </div>
					  </div>

					  <div class="col-sm-6 col-md-4">
					    <div class="thumbnail">
					     <img data-src="holder.js/300x200" alt="300x200" src="" style="width: 300px; height: 200px;">
					      <div class="caption">
					        <h3>Thumbnail label</h3>
					        <p>...</p>
			
					      </div>
					    </div>
					  </div>


					  <div class="col-sm-6 col-md-4">
					    <div class="thumbnail">
					     <img data-src="holder.js/300x200" alt="300x200" src="" style="width: 300px; height: 200px;">
					      <div class="caption">
					        <h3>Thumbnail label</h3>
					        <p>...</p>
			
					      </div>
					    </div>
					  </div>

					</div>
				</div>
			</div>


			<div class="navigation col-md-2">
			

				<div class="affix">
					
				    <form class="form-inline">
					  <div class="form-group">
					    <input type="email" class="form-control"   placeholder="请输入搜索内容 ">
					  </div>
					</form>


<div class="list-group">
  <a href="#" class="list-group-item active">
    Cras justo odio
  </a>
  <a href="#" class="list-group-item">Dapibus ac facilisis in</a>
  <a href="#" class="list-group-item">Morbi leo risus</a>
  <a href="#" class="list-group-item">Porta ac consectetur ac</a>
  <a href="#" class="list-group-item">Vestibulum at eros</a>
</div>


				</div>	
				  

			</div>
	</div>
</body>

<SCRIPT TYPE="text/javascript">
$(function(){
	
});

</SCRIPT>
</html>

